<mindtagger mode="recall">

  <template for="each-item">
      <big mindtagger-word-array="item.words" array-format="postgres">
          <span mindtagger-highlight-words index-arrays="tag.genes"      with-style="background-color: cyan;"></span>
          <span mindtagger-highlight-words index-arrays="tag.phenotypes" with-style="background-color: magenta;"></span>

          <span mindtagger-selectable-words index-array="cursor.selection"></span>
          <span mindtagger-highlight-words index-array="cursor.selection"                  with-style="border-bottom: 2px solid;"></span>

          <span mindtagger-highlight-words index-array="item.positions" array-format="postgres" with-style="background-color: yellow;"></span>
      </big>
      <br>
  </template>

  <template for="tags">
      <div ng-init="
        MindtaggerTask.defineTags(
        { genes:      { type: 'parametric', multiple: true }
        , phenotypes: { type: 'parametric', multiple: true }
        })
        ">
        <span mindtagger-parametric-tags
            with-value="cursor.selection"
            render-each-value="item.words | filterArrayByIndexes:value:'postgres'"></span>
    </div>
  </template>

</mindtagger>
